<template>
  <div class="update_dialog">
    <a-modal v-model:visible="visible" title="正在更新" :footer="null">
      <div class="content" style="text-align: center">
        <a-progress type="circle" :percent="progress" />
        <p style="margin-top: 20px">下载进度：{{ progress }}</p>
      </div>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: "UpdateDialog",
  props: {
    progress: {
      type: Number,
    },
    visible: {
      type: Boolean,
      default: true,
    },
  },
  setup() {
    return {};
  },
};
</script>

<style lang="scss">
.update_dialog {
  .content {
    text-align: center;
  }
}
</style>
